<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	xmlns:ui="http://java.sun.com/jsf/facelets">

<ui:composition template="../modelo/template.xhtml">
	<ui:define name="conteudo">
		<div class="center_content">

			<h:form id="form">

				<p:messages id="messages" />


				<p:dataTable id="tabela" var="aquisicao"
					value="#{aquisicaoManagedBean.aquisicoes}" paginator="true"
					rows="10" rowsPerPageTemplate="5,10,15"
					emptyMessage="#{msg.nadaEncontrado}"
					filteredValue="#{aquisicaoManagedBean.filteredAquisicoes}">

					<f:facet name="header">
						<h:outputText value="#{msg.aquisicoes}" />
					</f:facet>

					<p:column headerText="#{msg.email}"
						sortBy="#{aquisicao.aquisicaoPK.usuario.email}"
						filterBy="#{aquisicao.aquisicaoPK.usuario.email}" style="widht:50px">
						#{aquisicao.aquisicaoPK.usuario.email}
					</p:column>

					<p:column headerText="#{msg.nome}"
						sortBy="#{aquisicao.aquisicaoPK.usuario.fullName}"
						filterBy="#{aquisicao.aquisicaoPK.usuario.fullName}" style="widht:50px">
						#{aquisicao.aquisicaoPK.usuario.fullName}
					</p:column>

					<p:column headerText="#{msg.filme}"
						sortBy="#{aquisicao.aquisicaoPK.filme.titulo}"
						filterBy="#{aquisicao.aquisicaoPK.filme.titulo}" style="widht:20px">
						#{aquisicao.aquisicaoPK.filme.titulo}
						
						<p:commandLink update=":form:filmeDetail"
							oncomplete="filmeDialog.show()" title="#{msg.visaoDetalhada}">
							<h:graphicImage value="../images/search.png" title="#{msg.detalhar}"
								style="border: none" />
							<f:setPropertyActionListener value="#{aquisicao.aquisicaoPK.filme}"
								target="#{filmeManagedBean.filme}" />
						</p:commandLink>


					</p:column>

					<p:column headerText="#{msg.data}" sortBy="#{aquisicao.data}"
						filterBy="#{aquisicao.data}" style="widht:15px">

						<h:outputLabel value="#{aquisicao.data}">
							<f:convertDateTime pattern="dd/MM/yyyy hh:mm:ss"></f:convertDateTime>
						</h:outputLabel>

					</p:column>

				</p:dataTable>
				<p/>	
				<p:commandLink  ajax="false">
					<h:graphicImage value="../images/icone_pdf.png"
								styleClass="margin-5r margin-5l" alt="PDF" title="PDF"/>
					<p:fileDownload value="#{aquisicaoManagedBean.gerarRelatorioPDF()}"/>
				</p:commandLink>

				<p:dialog header="#{msg.filmeDetalhado}" widgetVar="filmeDialog"
					modal="true">
					<p:outputPanel id="filmeDetail" style="text-align:center;"
						layout="block">

						<p:graphicImage
							value="../filmes/#{filmeManagedBean.filme.idFilme}.#{filmeManagedBean.filme.extensaoImg}"
							alt="#{filmeManagedBean.filme.titulo}" width="230" height="240" />

						<h:panelGrid columns="2" cellpadding="5">
							<h:outputLabel for="id" value="#{msg.codigo}: " />
							<h:outputText id="id" value="#{filmeManagedBean.filme.idFilme}" />

							<h:outputLabel for="titulo" value="#{msg.titulo}: " />
							<h:outputText id="titulo"
								value="#{filmeManagedBean.filme.titulo}" />

							<h:outputLabel for="diretor" value="#{msg.diretor}: " />
							<h:outputText id="diretor"
								value="#{filmeManagedBean.filme.diretor}" />

							<h:outputLabel for="categoria" value="#{msg.categoria}: " />
							<h:outputText id="categoria"
								value="#{msg[filmeManagedBean.filme.categoria.descricao]}" />

							<h:outputLabel for="anoLancamento" value="#{msg.anoLancamento}: " />
							<h:outputText id="anoLancamento"
								value="#{filmeManagedBean.filme.anoLancamento}" />

							<h:outputLabel for="idioma" value="#{msg.idioma}: " />
							<h:outputText id="idioma"
								value="#{msg[filmeManagedBean.filme.descricaoIdioma]}" />

							<h:outputLabel for="legenda" value="#{msg.legenda}: " />
							<h:outputText id="legenda"
								value="#{msg[filmeManagedBean.filme.descricaoLegenda]}" />

							<h:outputLabel for="formato" value="#{msg.formato}: " />
							<h:outputText id="formato"
								value="#{filmeManagedBean.filme.descricaoFormato}" />

							<h:outputLabel for="qualidade" value="#{msg.qualidade}: " />
							<h:outputText id="qualidade"
								value="#{filmeManagedBean.filme.descricaoQualidade}" />

							<h:outputLabel for="tempoDuracao" value="#{msg.tempoDuracao}: " />
							<h:outputText id="tempoDuracao"
								value="#{filmeManagedBean.filme.tempoDuracao}" />

							<h:outputLabel for="descricao" value="#{msg.descricao}: " />
							<h:outputText id="descricao"
								value="#{filmeManagedBean.filme.descricao}" />

						</h:panelGrid>
					</p:outputPanel>
				</p:dialog>

			</h:form>


		</div>
		<!-- end of center content -->
	</ui:define>
</ui:composition>

</html>